const path = require('path')

function resolve(dir) {
  return path.join(__dirname, dir)
}

module.exports = {
  // 配置服务器地址
  devServer: {
    open: true, // 启动项目后自动开启浏览器
    // proxy: {
    //   '/': {
    //     target: 'http://blog.com',
    //     ws: true,
    //     changOrigin: true,
    //     pathRewrite: {
    //       '^/': ''
    //     }
    //   }
    // }
  },
  // 配置全局变量
  pluginOptions: {
    'style-resources-loader': {
      preProcessor: 'less',
      patterns: [
        path.resolve(__dirname, './src/common/less/variables.less') // 变量文件位置
      ]
    }
  },
  // 配置相对路径
  chainWebpack: config => {
    config.resolve.alias
      .set('@', resolve('src'))
      .set('common', resolve('src/common'))
      .set('components', resolve('src/components'))
      .set('api', resolve('src/api'))
      .set('assets', resolve('src/assets'))
      .set('views', resolve('src/views'))
  }
}
